<script setup lang="ts">
// 导入vant底部菜单
import { Tabbar, TabbarItem } from 'vant'
</script>

<template>
  <!-- 生成路由出口 -->
  <router-view />

  <!-- 生成vant底部菜单，对应四个路由规则：/user，/home，/article，/notify  -->
   <Tabbar route>
      <TabbarItem icon="contact" to="/user">我的</TabbarItem>
      <TabbarItem icon="home-o" to="/home">首页</TabbarItem>
      <TabbarItem icon="search" to="/article">文章</TabbarItem>
      <TabbarItem icon="chat-o" to="/notify">消息</TabbarItem>
   </Tabbar>
   
</template>

<style scoped>

</style>